$(function () {
    // 1. 导入form对象
    var form = layui.form
    // 2.调用verify方法进行自定义校验
    form.verify({
        nickname: function (value) {
            // value 是触发此条校验规则用户输入的值
            if (value.length > 6) {
                return '用户昵称不能超过6个字符'
            }
        }
    })
    // 获取并填充用户信息
    initUserInfo()

    // 重置用户信息
    $('#resetBtn').on('click', function (e) {
        // 阻止重置按钮清空表单
        e.preventDefault()
        // 重新获取用户信息填充表格
        initUserInfo()
    })

    // 修改用户信息
    $('#formUserInfo').on('submit', function (e) {
        e.preventDefault()
        $.ajax({
            url: '/my/userinfo',
            method: 'POST',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res)
                // 处理异常
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg('修改成功')
                window.parent.getUserInfo()
            },
        })
    })

    function initUserInfo() {
        $.ajax({
            url: '/my/userinfo',
            method: 'GET',
            success: function (res) {
                console.log(res)
                // 处理异常
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                //给表单赋值
                form.val("formUserInfo", res.data);
            },
        })
    }
})